<%--
  Created by IntelliJ IDEA.
  bean.User: qiuyuanyuan
  Date: 2023/6/18
  Time: 上午11:35
  To change this template use File | Settings | File Templates.
--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>登陆页面</title>--%>
<%--</head>--%>
<%--<body>--%>
<%--<h1>登陆页面</h1>--%>
<%--<h2>欢迎来到登陆界面</h2>--%>
<%--<form action="login" method="post">--%>
<%--    账号：<input type="text" name="username" value=""> <br>--%>
<%--    密码：<input type="password" name="password" value=""> <br>--%>
<%--    <input type="submit" value="登录">&nbsp;&nbsp;&nbsp;--%>
<%--    <a href="register.jsp">没有账号？点击注册</a>--%>
<%--</form>--%>
<%--</body>--%>
<%--</html>--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <style>
        a{
            color: aliceblue;
        }
        .box{
            width: 400px;
            padding: 40px;
            position: absolute;
            top:50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: rgba(235, 231, 231, 0.5);
            box-sizing: border-box;
            box-shadow: 0px 25px 25px rgb(0,0,0,.5);
            border-radius: 15px;
        }
        h2{
            color: rgb(9, 48, 155);
        }

    </style>
</head>
<body background="imges\2.jpg" >
<div class="box">
    <h2> 登录</h2>
    <form action="login" method="post">
        <div class="inputbox">
            <label>账 号：</label>
            <input type="text" name="username" value=""/>
        </div>
        <div class="inputbox">
            <labe>密 码：</labe>
            <input type="password" name="password" value=""/>
        </div>
        <div>
            <a href="#" style="color: black;position: relative;left: 10%;">忘记密码</a>
            <a href="register.jsp" style="color: black;position: relative;left: 30%;">新用户注册</a>
        </div>
        <input type="submit" value="登录" style="position: absolute;right: 50%;">
    </form>
</div>
</body>
</html>




